<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
	 <h:form id="form">
		<p:panel id="ppal" header="Registrar Combo Bebida" style="width:800px"
			styleClass="fondo">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel value="Nombre Combo:" />
				<p:inputText style="width:200%"></p:inputText>

				<h:outputLabel value="Descripción:" />
				<p:inputTextarea rows="3" style="width:200%" />
			</h:panelGrid>
			<p:panel id="basic" header="Seleccionar Bebida"
				style="width:100%">
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Bebida:" />
					<p:selectOneMenu id="comboBebida"
							converter="bebidaConverter"
							value="#{bebidaBean.selectedBebida}" effect="fade" var="be"
							filter="true" filterMatchMode="startsWith">

							<f:selectItems var="beb" value="#{bebidaBean.listaBebidas}"
								itemLabel="#{beb.nombreBebida}" itemValue="#{beb}" />
							<p:column>
								<h:outputText value="#{be.nombreBebida}" />
							</p:column>
						</p:selectOneMenu>

					<p:commandButton value="Agregar" ajax="false"
						update=":form:tablaDetalle"
						 />
						 
						<!--   <p:dataTable id="bebidaDT" var="be" value="#{bebidaBean.listBebidasSeleccionadas}"
					selection="" rowKey="#{ca.nombreBebida}" emptyMessage="Tabla vacía.">

						<p:column headerText="Bebida">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{ca.nombreBebida}" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="caractInput" value="#{be.nombreBebida}" style="width:100%" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						

						<p:column headerText="Modificar"
							style="width:70px;text-align: center">
							<p:rowEditor />
						</p:column>

					</p:dataTable>
-->
				</h:panelGrid> 

				
			</p:panel>
			<br />
			
			<p:commandButton value="Guardar" ajax="false" update="" />
		</p:panel>
	</h:form>
</ui:define>
</ui:composition>
